<!-- footer -->
<div class="footer_wrap wrap">
  <div class="footer main clearfix">
    <div class="footer_top">
      <ul>
        <li>
          <img src="../images/footer/icon_footer_1.png" alt="" class="fl" />
          <div class="fl">
            <p>品类齐全</p>
            <p>省心省力，一站购齐</p>
          </div>
        </li>
        <li>
          <img src="../images/footer/icon_footer_2.png" alt="" class="fl" />
          <div class="fl">
            <p>一对一客服</p>
            <p>选型询价，快速响应</p>
          </div>
        </li>
        <li>
          <img src="../images/footer/icon_footer_3.png" alt="" class="fl" />
          <div class="fl">
            <p>货期保障</p>
            <p>多仓直发，货期无忧</p>
          </div>
        </li>
        <li>
          <img src="../images/footer/icon_footer_4.png" alt="" class="fl" />
          <div class="fl">
            <p>正品货源</p>
            <p>正品保障，诚信服务</p>
          </div>
        </li>
      </ul>
    </div>
    <div class="footer_bottom">
      <div class="footer_bottom_left fl">
        <ul>
          <li>
            <a href="##">购物指南</a>
            <div>
              <a href="##">购物流程</a>
              <a href="##">购物流程</a>
              <a href="##">购物流程</a>
              <a href="##">购物流程</a>
              <a href="##">购物流程</a>
            </div>
          </li>
          <li>
            <a href="##">购物指南</a>
            <div>
              <a href="##">购物流程</a>
              <a href="##">购物流程</a>
              <a href="##">购物流程</a>
              <a href="##">购物流程</a>
              <a href="##">购物流程</a>
            </div>
          </li>
          <li>
            <a href="##">购物指南</a>
            <div>
              <a href="##">购物流程</a>
              <a href="##">购物流程</a>
              <a href="##">购物流程</a>
              <a href="##">购物流程</a>
              <a href="##">购物流程</a>
            </div>
          </li>
          <li>
            <a href="##">购物指南</a>
            <div>
              <a href="##">购物流程</a>
              <a href="##">购物流程</a>
              <a href="##">购物流程</a>
              <a href="##">购物流程</a>
              <a href="##">购物流程</a>
            </div>
          </li>
        </ul>
      </div>
      <div class="footer_bottom_middle fl">
        <div>
          <p>400-049-6999</p>
          <p>传真 0512-62964999</p>
        </div>
        <div>
          <p>工作时间</p>
          <p>周一到周六 8:30-17:30</p>
        </div>
      </div>
      <div class="footer_bottom_right fr">
        <img
          src="../images/footer/101b9b5c42904ec0bc7b9af040f66ece.jpg"
          alt=""
        />
      </div>
    </div>
  </div>
</div>

<!-- 底部 -->
<div class="bottom_wrap wrap">
  <div class="bottom main">
    <div class="bottom_top">
      Copyright© 2012-2018 版权所有
      <a href="##">网站地图</a>
      <a href="##">站长统计</a>
    </div>
    <div class="bottom_center clearfix">
      <div>友情链接:</div>
      <div><a href="##">百度</a></div>
    </div>
    <div class="bottom_bottom">
      <a href="##"><img src="../images/bottom/cert.png" alt="" /></a>
      <a href="##"><img src="../images/bottom/icon_ebs.png" alt="" /></a>
    </div>
  </div>
</div>

<!-- 顶部 -->
<div class="top_wrap wrap">
  <div class="top main">
    <div class="top_left fl">
      <span>您好！欢迎光临工品汇</span>
    </div>
    <div class="top_right fr">
      <ul>
        <li><a href="http://localhost:81/html/load.html">登录</a></li>
        <li><a href="http://localhost:81/html/register.html">免费注册</a></li>
        <li>
          <a href="##">企业采购</a>
          <a href="##">贸易分销</a>
        </li>
        <li>
          <a href="##"><img src="../images/service_phone.png" alt="" /></a>
        </li>
      </ul>
    </div>
  </div>
</div>

<!-- logo部分 -->
<div class="logo_wrap wrap">
  <div class="logo main">
    <div class="logo_left fl">
      <img src="../images/logo.jpg" alt="" />
    </div>
    <div class="logo_middle fl">
      <a href="##">
        <img src="../images/adv.png" alt="" />
      </a>
    </div>
    <div class="logo_right fl">
      <span> 在线客服 </span>
    </div>
  </div>
</div>

<!-- 导航 -->
<div class="nav_wrap wrap">
  <div class="nav main">
    <ul>
      <li class="nav_first_title">
        <i class="main_menu"></i>
        <a>全部商品分类</a>
        <div class="nav_menu">
          <!-- 二级菜单 -->
          <div class="nav_li">
            <a href="##">
              <img src="../images/nav/img1.png" alt="" />
              手工具/动力工具/耗材
            </a>
            <i></i>
            <div class="menu">
              <div class="main_menu fl">
                <div class="menu_li">
                  <div class="li_top">
                    <a href="##">扳手</a>
                    <a href="##">手用套筒</a>
                  </div>
                  <div class="li_bottom">
                    <a href="##">活动扳手</a>
                    <a href="##">两用扳手</a>
                    <a href="##">内六角扳手</a>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <!-- 二级菜单 -->
          <div class="nav_li">
            <a href="##">
              <img src="../images/nav/img1.png" alt="" />
              手工具/动力工具/耗材
            </a>
            <i></i>
            <div class="menu">
              <div class="main_menu fl">
                <div class="menu_li">
                  <div class="li_top">
                    <a href="##"></a>
                    <a href="##">手用套筒</a>
                  </div>
                  <div class="li_bottom">
                    <a href="##"></a>
                    <a href="##"></a>
                    <a href="##">内六角扳手</a>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <!-- 二级菜单 -->
        </div>
      </li>
      <li><a href="##">品牌中心</a>></li>
      <li><a href="##">工厂采购</a>></li>
      <li><a href="##">分销专区</a>></li>
      <li><a href="##">积分商城</a>></li>
      <li><a href="##">走进工品汇</a>></li>
    </ul>
  </div>
</div>
